<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>业务详细</title>
<!-- bootstrap-datetimepicker时间控件 -->
<script type="text/javascript" src="../js/datetimepicker/bootstrap-datetimepicker.js" charset="UTF-8"></script>
<script type="text/javascript" src="../js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
<script src="10003/10003.js"></script>
<script type="text/javascript">
	$('#fileupload').hide();
	$('#buttons').hide();
</script>
<style>
#bstable td{width:130px; text-align: right; background-color: #eee; }
</style>
</head>
<body style="background-color: white;">
<div class="panel panel-primary">
			<div class="panel-heading">
				<h3 class="panel-title">业务资料</h3>
			</div>

			<div class="panel-body">
				<form id="Business">
	<!-- 业务信息 -->
	<table class="table table-bordered" id="bstable"
		style="vertical-align: middle !important;">
		<tr>
			<td class="tdTitle">姓名：<span style="color:red;">*</span></td>
			<td><input type="text" class="form-control" name="username" placeholder="请输入姓名"></td>
			<td class="tdTitle">性别：<span style="color:red;">*</span></td>
			<td><select type="text" class="form-control" id="sex" name="sex" placeholder="请选择性别"></select></td>
			<td class="tdTitle">办公电话：</td>
			<td><input type="text" class="form-control" name="telephone" placeholder="请输入办公电话"></td>
		</tr>
		<tr>
			<td class="tdTitle">移动电话：<span style="color:red;">*</span></td>
			<td><input type="text" class="form-control" name="mobilephone" placeholder="请输入移动电话"></td>
			<td class="tdTitle">邮件地址：<span style="color:red;">*</span></td>
			<td><input type="text" class="form-control" name="email" placeholder="请输入邮件地址"></td>
			<td class="tdTitle">学历：</td>
			<td><select type="text" class="form-control" id ="education" name="education" placeholder="请选择学历"></select></td>
		</tr>
		<tr>
			<td class="tdTitle">联系地址：</td>
			<td colspan="5"><input type="text" class="form-control" name="contactaddr" placeholder="请输入联系地址"></td>
			<input type ='text' id='recordid' name='recordid' hidden/>
		</tr>
	</table>
	</form>
	</div>
	</div>
			<div class="panel panel-primary">
			<div class="panel-heading" style=" position: relative">
				<h3 class="panel-title">提交材料</h3>
				<button style="position: absolute;right:10px;top:3px" type="button" onclick="addrecordcertificate()" class="btn btn-success" ><span class="glyphicon glyphicon-insert"></span>添加</button>
			</div>
				
			<table class="table"  style="text-align: center;" id="recordcertificate">
				<thead>
					<tr>
						<th style="width: 20%; text-align: center;">证书类型</th>
						<th style="width: 15%; text-align: center;">签发日期</th>
						<th style="width: 15%; text-align: center;">有效截止日期</th>
						<!-- <th style="width: 10%; text-align: center;">是否长期有效</th> -->
						<th style="width: 30%; text-align: center;">附件</th>
						<th style="width: 5%; text-align: center;">操作</th>
						<th style="width: 5%; text-align: center;">删除</th>
					<tr>
				</thead>
				<tbody >
						
				</tbody>
			</table>
				
		</div>
		<div style="text-align: center;">
			<button type="button" class="btn btn-primary" id="submitRecord">提交</button>
			<button type="button" class="btn btn-info" id="saveRecord">保存</button>
			<button type="button" class="btn btn-default" onclick="window.close();">取消</button>
		</div>
	</div>
	
	
	<!-- 模态框（Modal） -->
	<div class="modal fade" id="fileuploadmodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
						&times;
					</button>
					<h4 class="modal-title" id="myModalLabel">
						文件上传
					</h4>
				</div>
				<div class="modal-body">            	
					<input class="upload" name="file" multiple type="file" data-show-caption="true" fileid="">
				</div>
				<div class="modal-footer">
					
				</div>
			</div>
			
			<!-- modal增加移动效果 start -->
			<script src="../js/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>
			<script type="text/javascript">
		    	$("#fileuploadmodal").draggable();//为模态对话框添加拖拽
			</script>	
			<!-- modal增加移动效果 end -->	
									
		</div><!-- /.modal -->
	</div>
</body>
</html>